<%@ page contentType="text/html; charset=utf-8"%>
<%@ include file="../../header.jsp"%>
<meta charset="UTF-8" />
<style>
	#label li{
		list-style: none;
		height:50px;
		margin: 10px 10px;
		line-height:50px;
		float: left;
		position:relative;
		cursor: pointer;
	}
	
	#label li span{
		position: absolute;
		top:0px;
		right:0px;
		display:none;
	}
	
	#label li:hover span{
		color: #000;
		display: inline;
	}
</style>
<script type="text/javascript" src="${ctx }/views/label/label.js"></script>
<div class="container">
<div class="panel panel-info">
	
   <div class="panel-heading">
      <h3 class="panel-title">标签</h3>
   </div>
    <div class="panel-body">
		<form class="form-inline" action="${ctx }/label/add" id="defaultForm">
		  <div class="form-group">
		    <label for="exampleInputName2">label Name:</label>
		    <input type="text" class="form-control" name="labelName" placeholder="enter a label name.">
		  </div>
		  <button type="submit" class="btn btn-default">add Label</button>
		</form>
   </div>
   <div class="panel-body">
		<ul id="label">
			<c:forEach items="${labels }" var="bean">
				<li class="label label-info" data="${bean.id }">${bean.labelName }<span class="glyphicon glyphicon-remove" data="${bean.id}"></span></li>
			</c:forEach>
		</ul>
   </div>
</div>
</div>
<script>
$(".mkbanner >li:eq(2)").addClass("active");
</script>